<!DOCTYPE html>
<html>
    <head>
        <meta charset='utf-8' />
        <title>CSS样式</title>
        <meta name='keywords' content=''  />
        <meta name='description' content='' />
        <style>
            
           p{height:300px;}
           p.c1{background-color:red;}
           p.c2{background-color:green;}
           p.c3{background-color:blue;}
           p.c4{background-color:yellow;}
           
           img{
                position:fixed;
                right:0px;
                bottom:0px;
           }
        </style>
    </head>
    <body>
        <h2>CSS样式实例:固定定位</h2>
        <img src='./images/xiao.jpg' />
        <div id='xxoo'>
             
            <p class='c1'></p>
            <p class='c2'></p>
            <p class='c3'></p>
            <p class='c4'></p>
        </div> 
        
       
    </body>
</html>